<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html >
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <title>宜佳佳_孩子的家庭学习管理专家_宜佳佳电商平台_宜佳佳教育平台_宜佳佳网_</title>
  <meta http-equiv="cache-control" content="no-cache">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="Shortcut Icon" href="<%=request.getContextPath() %>/js/yjj_ui1/lloo.jpg" />
  <meta http-equiv="expires" content="0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="keywords" content="宜佳佳,名师一对一,直播小班课,视频直播,在线答疑,弱项诊断，密卷库，小班课">
  <meta name="description" content="宜佳佳——孩子的家庭学习管理专家，宜佳佳由北京易教空间教育科技股份有限公司研发和运营，是专为K12学段中小学生提供个性化学习辅助指导的在线平台。">
  
  <script type="text/javascript" src="<%=request.getContextPath() %>/js/My97DatePicker/WdatePicker.js"></script>
  
  <!-- bootstrap应导入的文件 -->
    <script type="text/javascript" src="<%=request.getContextPath() %>/js/yjj_ui2/jquery-1.9.1.min.js.下载"></script>
	<link rel="stylesheet" href="<%=request.getContextPath() %>/js/bootstrap/css/bootstrap.min.css"></link>
	<script src="<%=request.getContextPath() %>/js/bootstrap/js/bootstrap.min.js"></script>
  
  <link rel="stylesheet" href="<%=request.getContextPath() %>/js/yjj_ui7/base-1.2.css">
  <link rel="stylesheet" href="<%=request.getContextPath() %>/js/yjj_ui7/mycenter.css">
  <link rel="stylesheet" href="<%=request.getContextPath() %>/js/yjj_ui7/boughtCourse.css">
  <script>
    
    //安全退出
	function quit(){
	    if(confirm("你确定要退出此用户吗")){
		       $.post(
		        "quit",
		        	{},
		        	function(){
		        		alert("用户退出成功");
		        		location.href="getlist";
		        	},"text"
		       	);
	       }
	 }
     
     //我的关注
     function myattention(){
     	$.post(
			"ifattention",
			{},
			function(msg){
				if(msg==1){
					
					location.href="myattention?uid="+${user.uid}+"&tel="+${user.tel};
					
				}else{
					if(confirm("你还没有登录,或者是登录以过期,请重新登录")){
						location.href="inLoginPage";
					}
				}
			},"text"
		);
		
     }
     
      //取消我的关注
     function mynoattention(tid){
     	$.post(
			"ifattention",
			{},
			function(msg){
				if(msg==1){
					location.href="mynoattention?tid="+tid;
				}else{
					if(confirm("你还没有登录,或者是登录以过期,请重新登录")){
						location.href="inLoginPage";
					}
				}
			},"text"
		);
     }
     
     //我的课程
     function mycourse(){
     	$.post(
			"ifattention",
			{},
			function(msg){
				if(msg==1){
					location.href="inCoursePage?tel="+${user.tel};
				}else{
					if(confirm("你还没有登录,或者是登录以过期,请重新登录")){
						location.href="inLoginPage";
					}
				}
			},"text"
		);
     }
     
     //个人设置
     function myset(){
     	$.post(
			"ifattention",
			{},
			function(msg){
				if(msg==1){
					location.href="myset";
				}else{
					if(confirm("你还没有登录,或者是登录以过期,请重新登录")){
						location.href="inLoginPage";
					}
				}
			},"text"
		);
     }
     
     //显示标题名字
     $(function(){
     	$("[name='${yourname}']").show();
     	$("#${yourname}").show();
     	$("#${yourname1}").show();
     })
     
     //展示出详细信息并
     function edit(){
     	$("#editxia").hide();
     	$("#details").slideDown(1000);
     	$("#up").append("<button class='btn btn-info' onclick='up()' id='editxia'>收起↑</button>");
     }
     
     //收起详细信息
     function up(){
     	$("#editxia").show();
     	$("#details").slideUp(1000);
     	$("#up").empty();
     }
     
     //给详细信息进行修改
     function doedit(){
     	$.post(
			"ifattention",
			{},
			function(msg){
				if(msg==1){
					/* $.ajax({
						url:"doedit",
						data:{uname:$("[name='uname']").val(),sex:$("[name='sex']:checked").val(),age:$("[name='age']").val(),ubirthday:$("[name='ubirthday']").val(),schoolname:$("[name='schoolname']").val(),email:$("[name='email']").val()},
						success:function(data){
							alert("编辑成功");
							location.href="myset";
						},
						type:"post",
						dataType:"text"
					}); */
					var uname=$("[name='uname']").val();
					var sex=$("[name='sex']:checked").val();
					var age=$("[name='age']").val();
					var ubirthday=$("[name='ubirthday']").val();
					var schoolname=$("[name='schoolname']").val();
					var email=$("[name='email']").val();
					location.href="doedit?uname="+uname+"&sex="+sex+"&age="+age+"&ubirthday="+ubirthday+"&schoolname="+schoolname+"&email="+email;
				}else{
					if(confirm("你还没有登录,或者是登录以过期,请重新登录")){
						location.href="inLoginPage";
					}
				}
			},"text"
		);
     }
     
     //我的代金券
     function chit(){
     	$("#chit").show();
     }
     
     //修改密码页面
     function InchangePwdPage(){
     	$.post(
			"ifattention",
			{},
			function(msg){
				if(msg==1){
					$("#myset").hide();
					$("#changepwdpage").show();
				}else{
					if(confirm("你还没有登录,或者是登录以过期,请重新登录")){
						location.href="inLoginPage";
					}
				}
			},"text"
		);
     }
     
     //修改密码
     function changePwd(){
     	$("#pwd").empty();
 		$("#pwds").empty();
 		$("#oldpwd").empty();
 		var pwds=$("[name='pwds']").val();
 		var pwd=$("[name='pwd']").val();
 		var oldpwd=$("[name='oldpwd']").val();
 		var regular=/^[0-9A-Za-z]{6,20}$/;
 		if(pwd==""){
 			$("#pwd").append("<font color='red' size='2em'>密码不能为空</font>");
 		}else{
 			var regular=/^[0-9A-Za-z]{6,20}$/;
 			if(!regular.exec(pwd)){
 				$("#pwd").append("<font color='red' size='2em'>密码必须包含6-20位字符(只能是数字和字母)</font>");
 			}
 		}
 		
 		if(oldpwd==""){
 			$("#oldpwd").append("<font color='red' size='2em'>此处不能为空</font>");
 		}
 		if(pwds==""){
 			$("#pwds").append("<font color='red' size='2em'>确认密码不能为空</font>");
 		}else{
 			var pwd=$("[name='pwd']").val();
 			if(pwd!=pwds){
 				$("#pwds").append("<font color='red' size='2em'>确认密码与原密码不符</font>");
 			}else{
 				if(pwd!=""&&pwds!=""&&oldpwd!=""){
 						$("#changepwdpage").show();
 						$.post(
 						"changePwd",
 						{pwd:pwd,tel:oldpwd},
 						function(msg){
 							if(msg==1){
 								alert("密码修改成功,快去登录吧");
 								location.href="inLoginPage";
 							}else{
 								$("#changepwdpage").show();
 								$("#oldpwd").append("<font color='red' size='2em'>你原来的密码输入错误</font>");
 							};
 						},"text"
 					);
 			};
 			};
 		};
     }
     
     //订单管理
     function order(){
     		$.post(
			"ifattention",
			{},
			function(msg){
				if(msg==1){
					//alert(111)
					//$("[name='attention']").hide();
     				//$("#myset").hide();
     				//$("#details").hide();
     				//$("#chit").hide();
     				//$("#changepwdpage").hide();
					location.href="noPayOrder";
					//$("#order").show();
				}else{
					if(confirm("你还没有登录,或者是登录以过期,请重新登录")){
						location.href="inLoginPage";
					}
				}
			},"text"
		);
     }
     
     //去支付
     function  goPay(){
     	location.href="inClearingPage";
     }
     
     //移出未支付的订单
     function deleteOneOrder(tid){
     	if(confirm("你确定要移除这件商品吗(移除后将无法撤销)")){
     		$.post(
     			"deleteOneOrder",
     			{tid:tid},
     			function(){
     				alert("移除成功");
     				location.reload();
     			},"text"
     		);
     	}
     }
  </script>
  <script type="text/javascript" src="<%=request.getContextPath() %>/js/yjj_ui7/base.js.下载"></script>
</head>

<body class="body-bgfafafa" style="position: relative;">

<div class="header">
  <div class="header-topNav">
    <div class="header-topCont clearfix">
      <div>
        <a href="inHelpPage" target="_blank">帮助页面</a>
        
      </div>
      <marquee scrollamount="3" behavior="alternate"><font color="yellow" size="6em" style="font-family: '华文行楷'">欢迎来到个人中心</font></marquee>
    </div>
  </div>
</div>
<div class="index-nav" style="height: 90px">
  <div class="clearfix">
    <strong class="index-navleft">
      <a class="header-logo" href=""><%-- <img src="<%=request.getContextPath() %>/yjj_js/logo-1.png" style="margin-left: -20px;margin-top: -8px"> --%>
      	<img src="<%=request.getContextPath() %>/js/yjj_ui1/logo.jpg" width="160" height="90">
      </a>
      &nbsp;<!-- <span href="" class="header-title" style="margin-top: -70px;margin-left: 150px;position: absolute;top:30px">我的学习中心</span> -->
      <a href="getlist" class="Return-index" style="margin-left: 155px">返回宜佳佳首页</a>
    </strong>
    <button type="button" class="btn btn-danger btn-lg" style="margin-left: 200px;margin-top: -29px" onclick="myset()">个人设置</button>
    <button type="button" class="btn btn-danger btn-lg" style="margin-left: 20px;margin-top: -29px">消息</button>
    <button type="button" class="btn btn-danger btn-lg" onclick="quit()" style="margin-left: 20px;margin-top: -29px">退出</button>
    
  </div>
</div>
<div class="conter clearfix">
  <div class="conter-left">
    <div class="conter-lefttop" style="background-color: #f66">
        <img src="<%=request.getContextPath() %>/js/yjj_ui3/${user.headimage}" alt="头像">
        <p title="${user.tel}" style="color: white">${user.tel}</p>
    </div>
    <ul>
        <li class="Ccourse active"><span class="icon-studio1"></span><button class="btn btn-danger" onclick="mycourse()">我的课程</button></li>
        <li class="Caccount"><span class="icon-studio1"></span><button class="btn btn-info">账户管理</button></li>
        <li class="Corder"><span class="icon-studio1"></span><button class="btn btn-warning" onclick="order()">订单管理</button></li>
        <li class="Cteacher"><span class="icon-studio1"></span><button class="btn btn-primary">我的老师</button></li>
        <li class="Cfocus"><span class="icon-studio1"></span><button class="btn btn-success" onclick="myattention()">我的关注</button></li>
        <li class="Coupon"><span class="icon-studio1"></span><button class="btn btn-warning" style="width: 82px" onclick="chit()">代金券</button></li>
    </ul>
</div>
  <script>$(".conter-left .Ccourse").addClass("active");</script>
  <div class="conter-right Myanswer">
    <style>
      .jinduStatus{
        background-color: red;
      }
      .conter-right{
        background-color: #FFFFFF;
      }
    </style>

    <div class="studyWodekecheng">
      <h4 style="border-bottom: 1px solid #d9d9d9;" id="myname">${myname}</h4>
      <ul class="keUl1 box2" style="display: none;" id="od">
          <!-- <li t-data="2|0" class="active">视频课</li> -->
         <!--  <li  style="color: #269abc">名家开讲</li> -->
         <!--  <li t-data="4|1">大班课直播课</li>
          <li t-data="3|1">小班课直播课</li>
          <li t-data="1|1">一对一直播课</li> -->
          <button class="btn btn-warning"  onclick="order()">代付款</button>
          <button class="btn btn-info"  onclick="">已支付</button>
          <button class="btn btn-danger"  onclick="">取消/退款</button>
          <button class="btn btn-success"  onclick="">已评价</button>
      </ul>
      
      	<!-- 最大的div -->
      <div style="width: 1010px;background-color: pink;height: 700px">
      <!-- 我的关注 -->
      	<c:forEach items="${myattention}" var="i">
      		<div style="width: 240px;height: 240px;border: 2px #269abc dashed;left;30px;margin-left: 10px;margin-top: 10px;display: none;float: left;" name="attention">
      			<a href="inTeacherDetailsPage?tid=${i.tid}"><img src="<%=request.getContextPath() %>/yjj_js/${i.jpgfile}" style="width: 236px;height: 156px"></a>
      			<br><center><span style="font-size: 1em;color: #269abc;">讲师姓名:${i.tname}导师</span></center>
      			<center><span style="font-size: 1em;color: #269abc;">学科名:${i.xuename}</span></center>
      			<center><button class="btn btn-warning" onclick="mynoattention(${i.tid})">取消关注</button></center>
      		</div>
      	</c:forEach>
      	
      	<!-- 个人设置 -->
      	<div style="display: none;width: 1010px;height: 700px;margin-top: 30px" id="myset">
      		<br>
      		<hr color="yellow" size="6em">
      		<div style="width: 1010px;height: 50px;background-color: #d9d9d9">
      			<span style="padding-left: 10px;position: absolute;top:260px;font-size: 1.2em;">基本信息</span><span style="position: absolute;top:260px;padding-left: 120px;color: #269abc;font-size: 1.2em">${user.uname}</span>
      			
      			<span style="position: absolute;top:260px;padding-left: 900px">
      			<button class="btn btn-info" onclick="edit()" id="editxia">编辑↓</button><span id="up"></span>
      			</span>
      		</div>
      		
      		<!-- 详细编辑资料 -->
      		<div id="details" style="display: none;">
      			<form id="useredit" action="doedit">
      			<table>
      				<tr >
      					<td style="padding-left: 150px;padding-top: 20px">姓名:</td>
      					<td style="padding-left: 50px";padding-top: 20px">
      						<input type="text" name="uname" class="form-control" placeholder="你的真实姓名" required="required" value="${user.uname}"/>
      					</td>
      				</tr>
      				<tr >
      					<td style="padding-left: 150px;padding-top: 20px"">性别:</td>
      					<td style="padding-left: 50px">
      						<span><input type="radio" name="sex"  value="男" <c:if test="${user.sex=='男'}">checked="true"</c:if>/>&nbsp;&nbsp;&nbsp;男</span>
      						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span ><input type="radio" name="sex"  value="女" <c:if test="${user.sex=='女'}">checked="true"</c:if>/>&nbsp;&nbsp;&nbsp;女</span>
      					</td>
      				</tr>
      				<tr>
      					<td style="padding-left: 150px;padding-top: 20px"">年龄:</td>
      					<td style="padding-left: 50px">
      						<input type="text" name="age" class="form-control" placeholder="你的年龄" required="required" value="${user.age}"/>
      					</td>
      				</tr>
      				<tr>
      					<td style="padding-left: 150px;padding-top: 20px"">生日:</td>
      					<td style="padding-left: 50px">
      						<input type="text" name="ubirthday" class="form-control" placeholder="你的生日" required="required" onclick="WdatePicker()" value="${user.ubirthday}"/>
      					</td>
      				</tr>
      				<tr>
      					<td style="padding-left: 150px;padding-top: 20px"">学校:</td>
      					<td style="padding-left: 50px">
      						<input type="text" name="schoolname" class="form-control" placeholder="你所在的学校" required="required" value="${user.schoolname}"/>
      					</td>
      				</tr>
      				<tr>
      					<td style="padding-left: 150px;padding-top: 20px"">邮箱:</td>
      					<td style="padding-left: 50px">
      						<input type="email" name="email" class="form-control" placeholder="你的email" required="required" value="${user.email}"/>
      					</td>
      				</tr>
      				<tr>
      					<td style="text-align: right;" colspan="2">
      						<input type="submit" value="保存" class="btn btn-info"/>
      						<!-- <button class="btn btn-info" onclick="doedit()">保存</button> -->
      						<input type="reset" value="取消" class="btn btn-warning"/>
      					</td>
      				</tr>
      			</table>
      			</form>
      		</div>
      		<hr color="yellow" size="6em">
      		<!-- 账号信息 -->
      		<div style="width: 1010px;height: 39px;background-color: #d9d9d9;margin-top: 30px">
      			<span style="padding-left: 10px;margin-top: 50px;font-size: 1.2em;">账号信息</span><span style="top:316px;padding-left: 39px;color: #269abc;font-size: 1.2em">${user.tel}</span>
      		</div>
      		
      		<hr color="yellow" size="6em">
      		<!-- 头像设定 -->
      		<div style="width: 1010px;height: 60px;background-color: #d9d9d9;margin-top: 30px">
      			<span style="padding-left: 10px;margin-top 10px;font-size: 1.2em;">头像设定</span><span style="top:316px;padding-left: 39px;color: #269abc;font-size: 1.2em"><img src="<%=request.getContextPath() %>/js/yjj_ui3/${user.headimage}" style="width: 90px;height: 60px">
      				
      			</span>
      			<span>
      				<form enctype="multipart/form-data" method="post" action="changeHeadFile?uid=${user.uid }">
      				<input type="file" name="filename" style="padding-left: 400px;position: relative;bottom: 35px"/>
      				<span style="padding-left: 886px;position: relative;bottom: 70px"><input value="确认更改" type="submit" class="btn btn-success"/></span>
      				</form>
      			</span>
      			
      		</div>
      		
      		<!-- 密码设定 -->
      		<div style="width: 1010px;height: 39px;background-color: #d9d9d9;margin-top: 30px">
      			<hr>
      			<span style="padding-left: 10px;padding-top 10px;font-size: 1.2em;">密码设置</span><span style="top:316px;padding-left: 39px;font-size: 1.2em">
      				******
      			</span>
      			<span style="text-align: right;margin-left: 712px">
      				<button class="btn btn-danger" onclick="InchangePwdPage()">修改密码</button><span id="up"></span>
      			</span>
      			
      		</div>
      		
      	</div>
      	
      	<!-- 代金券 -->
      	<div style="display: none;" id="chit"> <ol class="kecContent cont2">
        <li class="yinc  active"><div id="data-empty"><img src="<%=request.getContextPath() %>/js/yjj_ui7/bill-mayi.png"><div>您还没有代金券!</div></div></li>
      </ol>
      </div>
      	
      	<!-- 修改密码 -->
      	<div style="display: none;text-align: center;" id="changepwdpage">
      	<marquee scrollamount="3" behavior="scroll"><font color="#3071a9" size="6em" style="font-family: '华文行楷'">欢迎来到修改密码页面</font></marquee><hr color="yellow" size="6em">
      	以前的密码:<input type="password" name="oldpwd" required="required" placeholder="请输入你之前的密码" style="width: 300px"/><span id="oldpwd"></span><br><hr><br>
      	新的密码:<input type="password" name="pwd" required="required" placeholder="请输入你的新密码(6-20位字母和数字)" style="width: 300px"/><span id="pwd"></span><br><hr><br>
      	确认密码:<input type="password" name="pwds" required="required" placeholder="请输入确认密码" style="width: 300px"/><span id="pwds"></span><br><hr><br>
      	<button class="btn btn-info" onclick="changePwd()">修改</button>
      	</div>
      	
      	<!-- 订单管理 -->
      	<div style="display: none;padding-top: 30px" id="order">
      		<center><table style="width: 900px;border: 3px solid #3071a9;text-align: center;">
      			<tr style="border: 3px solid #3071a9;">
      				<td style="border: 3px solid #3071a9;color: #3071a9;font-size: 1.5em">商品信息</td>
      				<td style="border: 3px solid #3071a9;color: #3071a9;font-size: 1.5em">商品价格</td>
      				<td style="border: 3px solid #3071a9;color: #3071a9;font-size: 1.5em">交易状态</td>
      				<td style="border: 3px solid #3071a9;color: #3071a9;font-size: 1.5em">交易操作</td>
      			</tr>
      			<c:forEach items="${noPayOrder}" var="i">
      				<tr style="border: 3px solid #3071a9">
      					<td style="border: 3px solid #3071a9">商品编号:${i.tid}<br/>
      						商品名称:${i.xuename}<br/>
      						主讲导师:${i.tname}<br/>
      					</td>
      					<td style="border: 3px solid #3071a9">${i.price}</td>
      					<td style="border: 3px solid #3071a9">未支付</td>
      					<td style="border: 3px solid #3071a9"><button class="btn btn-link" onclick="goPay()">去支付</button>/<button class="btn btn-link" onclick="deleteOneOrder(${i.tid})">移除</button></td>
      				</tr>
      			</c:forEach>
      		</table></center>
      	</div>
      	
      	
      </div><!-- 最大的div -->
      
      
    </div>
  </div>
</div>

<%-- <script type="text/javascript" src="<%=request.getContextPath() %>/js/yjj_ui7/course.js.下载"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/yjj_ui7/alertReminder.js.下载" defer="" async=""></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/yjj_ui7/md5.js.下载"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/yjj_ui7/doT.min.js.下载"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/yjj_ui7/moment.js.下载"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/yjj_ui7/courseMake.js.下载"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/js/yjj_ui7/myCourseList.js.下载" defer="" async=""></script> --%>

<div id="footer">
    <div class="footer" style="height: 260px">
        <ul class="footer-ul clearfix">
            <li class="icon-Email"><a href=""><strong></strong>yijiajiao@e-eduspace.com</a></li>
            <li class="icon-tel"><strong></strong>400-819-0811</li>
            <li class="icon-QQ"><a href="" target="_blank"><strong></strong>4008190811</a></li>
            <li class="icon-weixin"><strong></strong>关注宜佳佳微信公众号<span class="icon-ewm"></span></li>
        </ul>
        <div class="footer-div1">北京佳佳教育科技股份有限公司版权所有<span>|</span>服务协议<span>|</span><a href="" target="_blank">关于我们</a><strong>地址：北京市西城区北三环中路23号</strong></div>
            </a>
        </div>
    </div>
</div>

</body></html>